<!DOCTYPE html>
<html>
  <head>
    <title>centerdiv.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
	<style type="text/css">
	
	.loadingCenter{
	z-index: 999;
	position: absolute;
	height:800px;
	widt:300px;
	background-color:#F7F8FA;
	margin-top:auto;
	margin-left:0px;
	top:100px;
	
	_position: absolute;
	top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
	vertical-align:middle;
	
}
	</style>
	<script type="text/javascript" src="res/script/jquery-1.7.2.js"></script>
	<script type="text/javascript" src="res/script/jquery.bgiframe.js"></script>
  </head>
  
  <body>
    This is my HTML page. <br>
    	
    <table>
    	<tr height="500">
    		<td height="500" width="600" style="background-color: red;">
    			<select>
    				<option>A</option>
    				<option>B</option>
    				<option>C</option>
    				<option>D</option>
    			</select>
    		
    		</td>
    	</tr>
    </table>
    
    <div id="divTest" class="loadingCenter">aaaaa</div>
    
    <script type="text/javascript">
    	$(function (){
    		//$("#divTest").bgiframe();
    		
    	});
    </script>
  </body>
</html>
